<template>
	<div>
		<van-cell size="large">
			<slot name="title"></slot>
			<slot name="neirong"></slot>
		</van-cell>
	</div>
</template>

<script>
	import {Cell,Icon} from 'vant';
	export default{
		components:{
			[Cell.name]:Cell,
			[Icon.name]:Icon,
		}
	}
</script>

<style lang="less">
	.zonglan-title{
			font-size:16px;
			padding:4px;
			color:#404040;
		}
	.zonglanbox{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0px 45px;
		box-sizing: border-box;
		height: 110px;
		margin-top: 25px;
		
		.qian{
			font-size: 16px;
			color:#959595;
		
			span{
				font-size: 23px;
				color: #404040;
				padding-left: 15px;
			}
		}
		.shouy{
			font-size: 14px;
			color:#959595;
		  span{
			font-size: 18px;
			color:#0074D9;
			padding-left:15px;
	     	}
		}
	
		.jianyu{
			 height: 20px;
			 font-size: 12px;
			 color: #9A9A9A;
			 padding-left: 35px;
			 padding-right: 35px;
			 display: flex;
			 align-items: center;
			 padding: 0;
			 text-align: center;
			 .kode{
				 flex: 4;
			 }
		.xian{
			width: 100px;
			height: 1px;
			background-color: #E1E1E1;
			flex: 1;
		}
		}
		
	}
</style>
